<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>问路指南 - 日本旅行实用英语指南</title>
    <meta name="description" content="为您的日本之旅准备的问路场景实用英语指南，配有中文翻译和音频发音，覆盖询问方向、寻找地点等常用英语表达。">
    
    <!-- 字体和图标 -->
    <link rel="stylesheet" href="https://fonts.font.im/css?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap">
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    
    <!-- Tailwind CSS (核心框架) -->
    <link rel="stylesheet" href="https://g.alicdn.com/code/lib/tailwindcss/2.2.19/tailwind.min.css">
    
    <!-- 自定义样式 -->
    <link rel="stylesheet" href="css/styles.css">

    <meta property="og:type" content="article">
    <meta property="og:title" content="问路指南 - 日本旅行实用英语指南 · 心流AI助手 | 让知识随心流动">
    <meta property="og:site_name" content="心流AI助手"/>
    <meta property="og:description" content="这个网站是一个日本旅行实用英语指南，为赴日游客提供实用英语表达和发音。内容涵盖机场入境、交通出行、住宿、餐饮、购物、观光和紧急情况等场景的常用英语短语，并配有中文翻译和音频发音功能，帮助游客在日本旅行中顺畅交流。">
    <meta property="og:image" content="https://img.alicdn.com/imgextra/i4/O1CN01VFxaDc1s3EZKig0PM_!!6000000005710-0-tps-300-300.jpg">
    <link rel="shortcut icon" type="image/png" href="https://img.alicdn.com/imgextra/i4/O1CN01yBfg3x1iNi4YggwIt_!!6000000004401-2-tps-72-72.png">
    <link rel="icon" type="image/png" href="https://img.alicdn.com/imgextra/i4/O1CN01yBfg3x1iNi4YggwIt_!!6000000004401-2-tps-72-72.png"/>
</head>
<body>
    <!-- 页面标题区 -->
    <header>
        <div class="container header-content">
            <h1 class="page-title">日本旅行实用英语指南</h1>
            <p class="page-subtitle">为您的日本之旅提供最实用的英语表达，点击按钮即可收听标准发音</p>
        </div>
    </header>

    <div class="container">
        <!-- 搜索区域 -->
        <div class="search-container">
            <input type="text" id="search-input" class="search-input" placeholder="搜索英语表达或关键词...">
            <button id="search-button" class="search-button"><i class="fas fa-search"></i> 搜索</button>
        </div>
        
        <!-- 导航标签 -->
        <div class="navigation">
            <ul class="nav-tabs">
                <li><a href="index.html" class="home-link"><i class="fas fa-home"></i> 首页</a></li>
                <li><a href="airport.html"><i class="fas fa-plane-arrival"></i> 机场与入境</a></li>
                <li><a href="transportation.html"><i class="fas fa-train"></i> 交通出行</a></li>
                <li><a href="accommodation.html"><i class="fas fa-hotel"></i> 住宿服务</a></li>
                <li><a href="dining.html"><i class="fas fa-utensils"></i> 餐饮美食</a></li>
                <li><a href="shopping.html"><i class="fas fa-shopping-bag"></i> 购物支付</a></li>
                <li><a href="sightseeing.html"><i class="fas fa-torii-gate"></i> 观光景点</a></li>
                <li><a href="emergency.html"><i class="fas fa-first-aid"></i> 紧急情况</a></li>
                <li><a href="directions.html" class="active"><i class="fas fa-map-marker-alt"></i> 问路指南</a></li>
            </ul>
        </div>
        
        <!-- 问路指南场景 -->
        <div id="directions" class="content-section">
            <h2 class="section-title">
                <div class="section-icon"><i class="fas fa-map-marker-alt"></i></div>
                问路指南场景
            </h2>
            
            <div class="subsection">
                <h3 class="subsection-title"><i class="fas fa-book"></i> 必背单词</h3>
                <ul class="phrase-list">
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="east" data-phrase-text="East" onclick="playAudio('east')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            East
                        </div>
                        <div class="phrase-chinese">东</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="south" data-phrase-text="South" onclick="playAudio('south')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            South
                        </div>
                        <div class="phrase-chinese">南</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="west" data-phrase-text="West" onclick="playAudio('west')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            West
                        </div>
                        <div class="phrase-chinese">西</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="north" data-phrase-text="North" onclick="playAudio('north')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            North
                        </div>
                        <div class="phrase-chinese">北</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="left" data-phrase-text="Left" onclick="playAudio('left')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Left
                        </div>
                        <div class="phrase-chinese">左</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="right" data-phrase-text="Right" onclick="playAudio('right')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Right
                        </div>
                        <div class="phrase-chinese">右</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="front" data-phrase-text="Front" onclick="playAudio('front')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Front
                        </div>
                        <div class="phrase-chinese">前</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="back" data-phrase-text="Back" onclick="playAudio('back')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Back
                        </div>
                        <div class="phrase-chinese">后</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="next" data-phrase-text="next" onclick="playAudio('next')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            next
                        </div>
                        <div class="phrase-chinese">紧挨着</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="side" data-phrase-text="Side" onclick="playAudio('side')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Side
                        </div>
                        <div class="phrase-chinese">旁边</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="before" data-phrase-text="Before" onclick="playAudio('before')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Before
                        </div>
                        <div class="phrase-chinese">之前</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="after" data-phrase-text="After" onclick="playAudio('after')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            After
                        </div>
                        <div class="phrase-chinese">之后</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="straight-on" data-phrase-text="Straight on" onclick="playAudio('straight-on')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Straight on
                        </div>
                        <div class="phrase-chinese">往前直走</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="first-left-right" data-phrase-text="First left/right" onclick="playAudio('first-left-right')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            First left/right
                        </div>
                        <div class="phrase-chinese">第一个左转/右转的路</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="way" data-phrase-text="way" onclick="playAudio('way')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            way
                        </div>
                        <div class="phrase-chinese">方向</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="get-to" data-phrase-text="get to" onclick="playAudio('get-to')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            get to
                        </div>
                        <div class="phrase-chinese">到达</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="turn" data-phrase-text="turn" onclick="playAudio('turn')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            turn
                        </div>
                        <div class="phrase-chinese">转</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="cross-road" data-phrase-text="cross road" onclick="playAudio('cross-road')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            cross road
                        </div>
                        <div class="phrase-chinese">十字路口</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="go-ahead-along" data-phrase-text="go ahead / along" onclick="playAudio('go-ahead-along')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            go ahead / along
                        </div>
                        <div class="phrase-chinese">一直走</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="to-the-end" data-phrase-text="to the end" onclick="playAudio('to-the-end')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            to the end
                        </div>
                        <div class="phrase-chinese">走到尽头</div>
                    </li>
                </ul>
            </div>

            <div class="subsection">
                <h3 class="subsection-title"><i class="fas fa-comments"></i> 必学会话</h3>
                <ul class="phrase-list">
                    <li class="phrase-item high-frequency">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="excuse-me-can-you-tell-me-the-way-to-the-hospital" data-phrase-text="Excuse me, can you tell me the way to the hospital?" onclick="playAudio('excuse-me-can-you-tell-me-the-way-to-the-hospital')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Excuse me, can you tell me the way to the hospital?
                        </div>
                        <div class="phrase-chinese">打扰一下，请问医院怎么走？</div>
                    </li>
                    <li class="phrase-item high-frequency">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="excuse-me-could-you-tell-me-how-to-get-to-the-bus-station" data-phrase-text="Excuse me, could you tell me how to get to the bus station?" onclick="playAudio('excuse-me-could-you-tell-me-how-to-get-to-the-bus-station')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Excuse me, could you tell me how to get to the bus station?
                        </div>
                        <div class="phrase-chinese">请问汽车站怎么走？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="im-trying-to-find-the-post-office-could-you-help-me" data-phrase-text="I’m trying to find the post office. Could you help me?" onclick="playAudio('im-trying-to-find-the-post-office-could-you-help-me')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            I’m trying to find the post office. Could you help me?
                        </div>
                        <div class="phrase-chinese">我想去邮局，你能帮我吗？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="excuse-me-is-this-the-right-way-to-the-department-store" data-phrase-text="Excuse me, is this the right way to the department store?" onclick="playAudio('excuse-me-is-this-the-right-way-to-the-department-store')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Excuse me, is this the right way to the department store?
                        </div>
                        <div class="phrase-chinese">打扰一下，这是去商店的路吗？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="would-you-mind-showing-me-how-to-get-to-the-hotel" data-phrase-text="Would you mind showing me how to get to the hotel?" onclick="playAudio('would-you-mind-showing-me-how-to-get-to-the-hotel')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Would you mind showing me how to get to the hotel?
                        </div>
                        <div class="phrase-chinese">你能告我怎么去酒店吗？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="can-you-tell-me-the-restaurants-address" data-phrase-text="Can you tell me the restaurant’s address?" onclick="playAudio('can-you-tell-me-the-restaurants-address')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Can you tell me the restaurant’s address?
                        </div>
                        <div class="phrase-chinese">你能告诉我这家餐馆的地址吗？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="how-long-will-it-take-me-to-get-there" data-phrase-text="How long will it take me to get there?" onclick="playAudio('how-long-will-it-take-me-to-get-there')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            How long will it take me to get there?
                        </div>
                        <div class="phrase-chinese">到那需要多长时间？</div>
                    </li>
                    <li class="phrase-item">
                        <div class="phrase-english">
                            <button class="audio-btn" data-audio-id="is-there-a-public-toilet-nearby" data-phrase-text="Is there a public toilet nearby?" onclick="playAudio('is-there-a-public-toilet-nearby')">
                                <i class="fas fa-volume-up"></i>
                            </button>
                            Is there a public toilet nearby?
                        </div>
                        <div class="phrase-chinese">请问附近有没有公共卫生间？</div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <!-- 页脚区域 -->
    <footer class="site-footer">
        <div class="container">
            <div class="footer-content">
                <p>© 2025 日本旅行实用英语指南 | 内容更新时间: <span id="generation-time">2025年04月28日</span></p>
                <p>本指南仅供学习交流使用，支持离线访问</p>
            
                <div class="flex flex-col items-center m-7">
                    <a
                        href="https://iflow.cn/?appCode=MANUS_CHATBOT"
                        target="_blank" 
                        class="text-center text-gray-400 underline">
                        由心流高级研究模式生成｜点击立即体验
                    </a>
                </div>
            </div>
        </div>
    </footer>
    
    <!-- JavaScript文件 -->
    <script src="js/audio-manager.js"></script>
    <script src="js/main.js"></script>
</body>
</html>